/*

	CSS Stylesheet for IE Alert! plugin.

*/





/*



	Overlay Background



*/



#ie-alert-overlay {

width:100%;

height:100%;

background-image:url(../images/bg.png);

position: fixed; 

top: 0; 

left: 0;

z-index:9999;



}



* html #ie-alert-overlay {   /* fixed position hack for IE6 */

	position: absolute;

	z-index:9999;

	

}



/*



	Pop Up Panel



*/



#ie-alert-panel {

	width:520px;

	height:331px;

	position:fixed;

	background: url(../images/iealertsprite.png) no-repeat;

	background-position: -1px -109px ;

	top:50%;

	left:50%;

	margin:-201px 0 0 -296px;

	padding:72px 0 0 72px;

	_position:absolute;  /* fixed position hack for IE6 */

    _top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  /* top:300px hack for IE6 */

    

    /* font settings */

    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

	font-weight:bold;

	color:#333;

	line-height:1.5em;

	z-index:10000;

}



#ie-alert-panel p {

	font-size:14px;

	width:486px;

	text-align:justify;

}



#ie-alert-panel img {

	border:0;

}





#ie-alert-panel span {

	font-size:18px;

	margin: 0 0 20px 0;

	display:block;

	padding:0;

}



#ie-alert-panel ul {

	list-style: none;

	margin:0;

	padding:0;	

}



#ie-alert-panel li {

	float:left;

	margin:0 22px 0 0;

		

}



#ie-alert-panel li.last {

	margin-right:0;

}





#ie-alert-panel a {

	display:inline-block;

		

}



.browser {

	position: absolute;

	bottom:35px;	

}



.chrome, .firefox, .ie9, .opera, .safari {

	background: url(../images/iealertsprite.png) no-repeat;

}



/*



	browsers



*/





.chrome {

	background-position: 0 0;

	width: 73px;

	height: 96px;

	margin:0 4px 0 0;

}



.firefox {

	background-position: -292px 0;

	width: 73px;

	height: 98px;

}



.ie9 {

	background-position: -179px 0;

	width: 95px;

	height: 98px;

}



.opera {

	background-position: -90px 0;

	width: 73px;

	height: 98px;

}



.safari {

	background-position: -387px 0;

	width: 73px;

	height: 98px;

	margin:0 4px 0 0;

}

.demo{width:1200px; height: auto; margin:60px auto; padding-left: 80px;}
@media only screen and (min-width: 420px) {
	.demo{width:1200px; margin:60px auto}
}
.box{float:left; width:380px; height:280px}
.clear{clear:both}
.he_border2{background:#002a6d;width:360px;height:260px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border2 .he_border2_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2:hover .he_border2_caption_p{top:45%;opacity:1}

a.xob, a.xob:visited, a.xob:hover { text-decoration:none; text-align:center; }
a.xob img { display:block; border:0; }
a.xob b { display:block; }
a.xob em { font:bold 10px/12px arial, sans-serif; color:#000; }
a.xob .xob{float:left; width:380px; height:280px}
a.xob .lightxob { position:absolute; left:-9999px; top:-10000px; cursor:default; z-index:500; }
a.xob .light { position:absolute; left:0; top:0; width:100%; }
a.xob .bxo { position:absolute; left:0; width:100%; text-align:center; height:300px; top:30%; margin-top:-150px; }
a.xob:active { direction:ltr; }
a.xob:active .lightxob { left:0; top:0; width:800px; height:auto; }
a.xob .lightxob:hover, a.xob:focus .lightxob { position:fixed; left:0; top:0; width:100%; height:100%; }
a.xob .lightxob:hover .light, a.xob:active .lightxob .light, a.xob:focus .lightxob .light { background:#fff; width:100%; height:100%; filter: alpha(opacity=90);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.90; }
a.xob .lightxob:hover .bxo img, a.xob:active .lightxob .bxo img, a.xob:focus .lightxob .bxo img { border:1px solid #002a6d; margin:0 auto; padding:30px; background:#fff; }
a.xob .lightxob:hover .bxo span, a.xob:active .lightxob .bxo span, a.xob:focus .lightxob .bxo span { display:block; width:560px; padding:0; margin:10px auto; text-align:center; text-decoration:none; background:#fff; border:1px solid #002a6d; }
a.xob .lightxob .bxo span.title { font:normal 22px/26px verdana, sans-serif; color:#002a6d; }
a.xob .lightxob .bxo span.text { font:normal 11px/16px verdana, sans-serif; color:#002a6d; }
.clear { clear:left; }
a.xob i { display:block; width:32px; height:32px; position:fixed; right:-100px; top:0; z-index:500; }
a.xob .lightxob:hover i, a.xob:active i, a.xob:focus i { right:50%; top:30%; background-color:#002a6d; border-radius: 20px; margin-right:-295px; margin-top:-165px; }
#close { display:block; position:fixed; width:32px; height:32px; right:50%; top:30%; margin-right:-295px; margin-top:-165px; z-index:1000; cursor:pointer;}